<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>管理员界面</title>
    <link rel="shortcut icon" th:href="@{/logo/favicon.ico}"/>
    <!-- Custom fonts for this template-->
    <link rel="stylesheet" type="text/css" th:href="@{/vendor/fontawesome-free/css/all.min.css}"/>
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
          rel="stylesheet">
    <!-- Custom styles for this template-->
    <link rel="stylesheet" type="text/css" th:href="@{/css/sb-admin-2.min.css}"/>
</head>
<style>
    thead {
        font-size: 25px;
        color: #000;
        background-color: white;
    }
    table {
        margin: 0px auto;
        width: 80%;
    }
    table img {
        width: 60%;
    }
    tbody tr {
        color: black;
    }
    table tr, td, caption {
        border: 1px solid black;
    }

    table th, table td {
        text-align: center;
        vertical-align: middle !important;
    }

    .vehicle_info_table tr td:nth-child(2n) {
        font-weight: bold;
    }

    #ydz, #zs {
        margin: 0px auto;
        width: 80%;
        height: 400px;
    }
</style>
<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">
    <!-- Sidebar -->
    <!-- End of Sidebar -->
    <!-- Content Wrapper -->
    <div id="content-wrapper" class="d-flex flex-column">
        <!-- Main Content -->
        <div id="content">
            <!-- Topbar -->
            <!-- Begin Page Content -->
            <div class="container-fluid">
                <table class="vehicle_info_table">
                    <thead>
                    <tr>
                        <td colspan="4">>>机械基本数据<<</td>
                    </tr>
                    </thead>
                    <tr>
                        <td>机械环保登记号码</td>
                        <td>[[${data?.vehicleBean?.mhyPlate}]]</td>
                        <td>上牌状态</td>
                        <td>[[${data?.vehicleBean?.mhyCardStatus}]]</td>
                    </tr>
                    <tr>
                        <td>定位终端号</td>
                        <td>[[${data?.vehicleBean?.deviceId}]]</td>
                        <td>车籍地</td>
                        <td>[[${data?.vehicleBean?.mhyRegLocation}]]</td>
                    </tr>
                    <tr>
                        <td>排放阶段</td>
                        <td>[[${data?.vehicleBean?.emissionLevel}]]</td>
                        <td>车辆品牌</td>
                        <td>[[${data?.vehicleBean?.mhyBrand}]]</td>
                    </tr>
                    <tr>
                        <td>机械类型</td>
                        <td>[[${data?.vehicleBean?.mhyType}]]</td>
                        <td>车身颜色</td>
                        <td>[[${data?.vehicleBean?.mhyColor}]]</td>
                    </tr>
                    <tr>
                        <td>机械型号</td>
                        <td>[[${data?.vehicleBean?.mhyModel}]]</td>
                        <td>设备代码</td>
                        <td>[[${data?.vehicleBean?.mhyFrameNo}]]</td>
                    </tr>
                    <tr>
                        <td>发动机编号</td>
                        <td>[[${data?.vehicleBean?.ngNo}]]</td>
                        <td>净功率/ <br> 额定净功率（kW）</td>
                        <td>[[${data?.vehicleBean?.ngPower}]]</td>
                    </tr>
                    <tr>
                        <td>型式核准号</td>
                        <td>[[${data?.vehicleBean?.ngGrantNo}]]</td>
                        <td>环保信息公开编号</td>
                        <td>[[${data?.vehicleBean?.ngEcoOpenNo}]]</td>
                    </tr>
                    <tr>
                        <td>联系人</td>
                        <td>[[${data?.vehicleBean?.ownerName}]]</td>
                        <td>身份证号</td>
                        <td>[[${data?.vehicleBean?.ownerIdNo}]]</td>
                    </tr>
                    <tr>
                        <td>联系人电话</td>
                        <td>[[${data?.vehicleBean?.ownerMobile}]]</td>
                        <td>用户地址</td>
                        <td>[[${data?.vehicleBean?.ownerAddress}]]</td>
                    </tr>
                    <tr>
                        <td>设备质量(kg)</td>
                        <td>[[${data?.vehicleBean?.mhyWeight}]]</td>
                        <td>机械出厂日期</td>
                        <td>[[${data?.vehicleBean?.mhyProdDate}]]</td>
                    </tr>
                    <tr>
                        <td>发动机出厂日期</td>
                        <td>[[${data?.vehicleBean?.ngProdDate}]]</td>
                        <td>其他永久性号码</td>
                        <td>[[${data?.vehicleBean?.ngOtherNo}]]</td>
                    </tr>
                    <tr>
                        <td>机械制造企业</td>
                        <td>[[${data?.vehicleBean?.mhyManu}]]</td>
                        <td>发动机制造企业</td>
                        <td>[[${data?.vehicleBean?.ngManu}]]</td>
                    </tr>
                    <tr>
                        <td>发动机型号</td>
                        <td>[[${data?.vehicleBean?.ngModel}]]</td>
                        <td>燃料喷射系统型式</td>
                        <td>[[${data?.vehicleBean?.ngInjection}]]</td>
                    </tr>
                    <tr>
                        <td>工作特性</td>
                        <td>[[${data?.vehicleBean?.ngOpPerfm}]]</td>
                        <td>后处理装置</td>
                        <td>[[${data?.vehicleBean?.ngPostTreatment}]]</td>
                    </tr>
                </table>
                <hr>
                <table class="vehicle_info_table">
                    <thead>
                    <tr>
                        <td colspan="4">>>现场数据<<</td>
                    </tr>
                    </thead>
                    <tr>
                        <td>检测机构编号</td>
                        <td>[[${data?.ProcessNo?.comNo}]]</td>
                        <td>机械环保登记号码</td>
                        <td>[[${data?.ProcessNo?.mhyPlate}]]</td>
                    </tr>
                    <tr>
                        <td>检测日期</td>
                        <td>[[${data?.ProcessNo?.etDate}]]</td>
                        <td>检测方式</td>
                        <td>[[${data?.ProcessNo?.etMethod}]]</td>
                    </tr>
                    <tr>
                        <td>发动机额定转速</td>
                        <td>[[${data?.ProcessNo?.etRpm}]]</td>
                        <td>操作员编号</td>
                        <td>[[${data?.ProcessNo?.etTesterNo}]]</td>
                    </tr>
                    <tr>
                        <td>信息员编号</td>
                        <td>[[${data?.ProcessNo?.etReviewerNo}]]</td>
                        <td>现场指挥员编号</td>
                        <td>[[${data?.ProcessNo?.etCommanderNo}]]</td>
                    </tr>
                    <tr>
                        <td>检测类型</td>
                        <td>[[${data?.ProcessNo?.etType}]]</td>
                        <td>检测地点</td>
                        <td>[[${data?.ProcessNo?.etLocation}]]</td>
                    </tr>
                    <tr>
                        <td>是否属于禁止高排区</td>
                        <td>[[${data?.ProcessNo?.etRestricted}]]</td>
                        <td>透射式烟度计厂家及型号</td>
                        <td>[[${data?.ProcessNo?.smokeMeterManu}]]</td>
                    </tr>
                    <tr>
                        <td>发动机转速计厂家及型号</td>
                        <td>[[${data?.ProcessNo?.ngRevCounterManu}]]</td>
                        <td>环境参数测试仪</td>
                        <td>[[${data?.ProcessNo?.envParamTesterManu}]]</td>
                    </tr>
                    <tr>
                        <td>海拔测量仪厂家及型号</td>
                        <td>[[${data?.ProcessNo?.altiMeterManu}]]</td>
                        <td>机油温度测量设备厂家及型号</td>
                        <td>[[${data?.ProcessNo?.ngOilMeterManu}]]</td>
                    </tr>
                    <tr>
                        <td>秒表型号</td>
                        <td>[[${data?.ProcessNo?.swModel}]]</td>
                        <td>秒表编号</td>
                        <td>[[${data?.ProcessNo?.swNo}]]</td>
                    </tr>
                    <tr>
                        <td>发动机转速计编号</td>
                        <td>[[${data?.ProcessNo?.ngRevCountNo}]]</td>
                        <td>环境参数测试仪 <br> 或温湿度计 <br> 及空盒气压表编号</td>
                        <td>[[${data?.ProcessNo?.envParamTesterNo}]]</td>
                    </tr>
                    <tr>
                        <td>海拔测量仪编号</td>
                        <td>[[${data?.ProcessNo?.altiMeterNo}]]</td>
                        <td>机油温度测量设备编号</td>
                        <td>[[${data?.ProcessNo?.ngOilMeterNo}]]</td>
                    </tr>
                    <tr>
                        <td>透射式烟度计编号</td>
                        <td>[[${data?.ProcessNo?.smokeMeterNo}]]</td>
                        <td>透射式烟度计 <br> 检定校准有效期止</td>
                        <td>[[${data?.ProcessNo?.smokeMeterCaliExpire}]]</td>
                    </tr>
                    <tr>
                        <td>发动机转速计 <br> 检定校准有效期止</td>
                        <td>[[${data?.ProcessNo?.ngRevCounterCaliExpire}]]</td>
                        <td>环境参数测试仪 <br> 或温湿度计及空盒气压表 <br> 检定校准有效期止</td>
                        <td>[[${data?.ProcessNo?.envParamTesterCaliExpire}]]</td>
                    </tr>
                    <tr>
                        <td>秒表 <br> 检定校准有效期止</td>
                        <td>[[${data?.ProcessNo?.swCaliExpire}]]</td>
                        <td>30%标准中性滤光片 <br> 校准有效期止</td>
                        <td>[[${data?.ProcessNo?.filter30CaliExpire}]]</td>
                    </tr>
                    <tr>
                        <td>50%标准中性滤光片 <br> 校准有效期止</td>
                        <td>[[${data?.ProcessNo?.fileter50CaliExpire}]]</td>
                        <td>70%标准中性滤光片 <br> 校准有效期止</td>
                        <td>[[${data?.ProcessNo?.filter70CaliExpire}]]</td>
                    </tr>
                    <tr>
                        <td>90%标准中性滤光片 <br> 校准有效期止</td>
                        <td>[[${data?.ProcessNo?.filter90CaliExpire}]]</td>
                        <td>环境温度</td>
                        <td>[[${data?.ProcessNo?.etTemperature}]]</td>
                    </tr>
                    <tr>
                        <td>相对湿度</td>
                        <td>[[${data?.ProcessNo?.etHumidity}]]</td>
                        <td>海拔</td>
                        <td>[[${data?.ProcessNo?.etElevation}]]</td>
                    </tr>
                    <tr>
                        <td>安全检查是否通过</td>
                        <td>[[${data?.ProcessNo?.etSecurityCheck}]]</td>
                        <td>发动机额定功率(KW)</td>
                        <td>[[${data?.ProcessNo?.ngPower}]]</td>
                    </tr>
                    <tr>
                        <td>发动机排放阶段</td>
                        <td>[[${data?.ProcessNo?.ngEmission}]]</td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
                <hr>
                <table class="vehicle_info_table">
                    <thead>
                    <tr>
                        <td colspan="4"> >>检测结果<<</td>
                    </tr>
                    </thead>
                    <tr>
                        <td>排放检测流水号</td>
                        <td>[[${data?.SmokeDetection?.processNo}]]</td>
                        <td>检测地点</td>
                        <td>[[${data?.SmokeDetection?.etLocation}]]</td>
                    </tr>
                    <tr>
                        <td>检测开始时间</td>
                        <td>[[${data?.SmokeDetection?.etFrom}]]</td>
                        <td>检测结束时间</td>
                        <td>[[${data?.SmokeDetection?.etTo}]]</td>
                    </tr>
                    <tr>
                        <td>检测结果1</td>
                        <td>[[${data?.SmokeDetection?.etSmoke}]]</td>
                        <td>检测结果2</td>
                        <td>[[${data?.SmokeDetection?.etLocation}]]</td>
                    </tr>
                    <tr>
                        <td>检测结果3</td>
                        <td>[[${data?.SmokeDetection?.etSmokeRd}]]</td>
                        <td>转速</td>
                        <td>[[${data?.SmokeDetection?.etRpm}]]</td>
                    </tr>
                    <tr>
                        <td>环境温度</td>
                        <td>[[${data?.SmokeDetection?.etTemperature}]]</td>
                        <td>环境湿度</td>
                        <td>[[${data?.SmokeDetection?.etHumidity}]]</td>
                    </tr>
                    <tr>
                        <td>海拔</td>
                        <td>[[${data?.SmokeDetection?.etElevation}]]</td>
                        <td>目视烟羽</td>
                        <td>[[${data?.SmokeDetection?.etVisualPlume}]]</td>
                    </tr>
                    <tr>
                        <td>唯一性确认是否通过</td>
                        <td>[[${data?.SmokeDetection?.etUniqueness}]]</td>
                        <td>安全检查是否通过</td>
                        <td>[[${data?.SmokeDetection?.etSecurityCheck}]]</td>
                    </tr>
                    <tr>
                        <td>授权签字人</td>
                        <td>[[${data?.SmokeDetection?.etSignatory}]]</td>
                        <td>备注</td>
                        <td>[[${data?.SmokeDetection?.etNote}]]</td>
                    </tr>
                    <tr>
                        <td>检查类型</td>
                        <td>[[${data?.SmokeDetection?.etType}]]</td>
                        <td>创建时间</td>
                        <td>[[${data?.SmokeDetection?.createDate}]]</td>
                    </tr>
                </table>
                <hr>
                <div id="ydz">
                </div>
                <div id="zs">
                </div>
                <hr>
                <table>
                    <thead>
                    <tr>
                        <td colspan="4">检测过程数据</td>
                    </tr>
                    </thead>
                    <tr>
                        <td>实时烟度值</td>
                        <td>转速</td>
<!--                        <td>油温单位℃</td>-->
                        <td>第几次踩油门</td>
                    </tr>
                    <tr th:if="${#lists.isEmpty(data?.processData)}">
                        <td colspan="4" style="color: red">空</td>
                    </tr>
                    <tr th:each="pd:${data?.processData}">
                        <td th:text="${pd?.smoke}"></td>
                        <td th:text="${pd?.rpm}"></td>
<!--                        <td th:text="${pd?.oilTemperature}"></td>-->
                        <td th:text="${pd?.testIdx}"></td>
                    </tr>
                </table>
                <hr>
                <!--                <table>-->
                <!--                    <thead><tr><td colspan="2">>>图片<<</td></tr></thead>-->
                <!--                    <tr>-->
                <!--                        <td>环保信息标签</td>-->
                <!--                        <td>机械环保代码</td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fPic1}" alt=""></td>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fPic2}" alt=""></td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td>机械铭牌</td>-->
                <!--                        <td>发动机铭牌</td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fPic3}" alt=""></td>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fPic4}" alt=""></td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td>机械前端</td>-->
                <!--                        <td>机械侧面45度</td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fPic5}" alt=""></td>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fPic6}" alt=""></td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td>机械尾部</td>-->
                <!--                        <td>其他照片</td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fPic7}" alt=""></td>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fPic8}" alt=""></td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td>合格证</td>-->
                <!--                        <td>单位营业执照</td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fPic9}" alt=""></td>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fFrzsyyzz}" alt=""></td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td>检测结果</td>-->
                <!--                        <td>新环保标识</td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fEtPic1}" alt=""></td>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fEtPic2}" alt=""></td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td>检测报告单照</td>-->
                <!--                        <td></td>-->
                <!--                    </tr>-->
                <!--                    <tr>-->
                <!--                        <td><img th:src="${data?.mhyMedia?.fEtPic3}" alt=""></td>-->
                <!--                        <td></td>-->
                <!--                    </tr>-->
                <!--                </table>-->
            </div>
            <!-- /.container-fluid -->
        </div>
        <!-- End of Main Content -->
        <!-- Footer -->
        <div th:replace="commons/footer::#footer"></div>
        <!-- End of Footer -->

    </div>
    <!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
    <i class="fas fa-angle-up"></i>
</a>

<!-- Logout Modal-->
<div th:replace="commons/logout::#logoutModal"></div>
<!-- Bootstrap core JavaScript-->
<script type="text/javascript" th:src="@{/vendor/jquery/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>

<script type="text/javascript" th:src="@{/js/admin_commons.js}"></script>
<!-- Core plugin JavaScript-->
<script type="text/javascript" th:src="@{/vendor/jquery-easing/jquery.easing.min.js}"></script>
<!-- Custom scripts for all pages-->
<script type="text/javascript" th:src="@{/js/sb-admin-2.min.js}"></script>
<!--echarts-->
<script type="text/javascript" th:src="@{/vendor/echarts/4.7.0/echarts.js}"></script>
<script type="text/javascript">
    var s1 = "[[${s1}]]", s2 = "[[${s2}]]", s3 = "[[${s3}]]";
    var z1 = "[[${z1}]]", z2 = "[[${z2}]]", z3 = "[[${z3}]]";
    var idxs = "[[${idxs}]]";
    var ydzChart = echarts.init(document.getElementById("ydz"));
    var zsChart = echarts.init(document.getElementById("zs"));
    var ydzOption = {
        title: {
            text: "烟度值折线图",
            left: "center"
        },
        tooltip: {},
        legend: {
            data: ["第一次烟度值", "第二次烟度值", "第三次烟度值"],
            left: "left"
        },
        xAxis: {
            name: "x",
            data: JSON.parse(idxs)
        },
        yAxis: {
            name: "y"
        },
        series: [
            {
                name: "第一次烟度值",
                type: "line",
                data: JSON.parse(s1)
            }, {
                name: "第二次烟度值",
                type: "line",
                data: JSON.parse(s2)
            }, {
                name: "第三次烟度值",
                type: "line",
                data: JSON.parse(s3)
            }
        ]
    };
    var zsOption = {
        title: {
            text: "转速折线图",
            left: "center"
        },
        tooltip: {},
        legend: {
            data: ["第一次转速值", "第二次转速值", "第三次转速值"],
            left: "left"
        },
        xAxis: {
            name: "x",
            data: JSON.parse(idxs)
        },
        yAxis: {
            name: "y"
        },
        series: [
            {
                name: "第一次转速值",
                type: "line",
                data: JSON.parse(z1)
            }, {
                name: "第二次转速值",
                type: "line",
                data: JSON.parse(z2)
            }, {
                name: "第三次转速值",
                type: "line",
                data: JSON.parse(z3)
            }
        ]
    };
    ydzChart.setOption(ydzOption);
    zsChart.setOption(zsOption);
</script>
</body>
</html>
